<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!-- <link rel="stylesheet" href="css/base.css"> -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="css/首页.css">
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
	<style type="text/css">
		.slide{
			margin: 0 auto;
		}
	</style>
</head>
<body>
    <!-- 头部区域制作开始 -->
    <div class="heade">
        <div class="heade_min">
            <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a><i style="display: block;"><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我要借出</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我要借入</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我的账户</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">账户帮助</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">社区</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">本金保障</a><i><img src="images/shouye.png" alt=""></i></li>
                </ul>
            </div>
            <div class="login">
                <a href="registered.html">免费注册</a>
                <a href="login.html">登录</a>
            </div>
        </div>
    </div> 
    <!-- 头部区域制作结束 -->
    <!-- 轮播图区域开始 -->
	<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel" style="width: 985px;height: 400px;overflow: hidden;">
	  <ol class="carousel-indicators">
	    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
	    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
	    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
	  </ol>
	  <div class="carousel-inner">
	    <div class="carousel-item active">
	      <img src="./images/111.png" class="d-block w-100" alt="...">
	      <div class="carousel-caption d-none d-md-block">
	        <h5>First slide label</h5>
	        <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
	      </div>
	    </div>
	    <div class="carousel-item">
	      <img src="./images/111.png" class="d-block w-100" alt="...">
	      <div class="carousel-caption d-none d-md-block">
	        <h5>Second slide label</h5>
	        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
	      </div>
	    </div>
	    <div class="carousel-item">
	      <img src="./images/111.png" class="d-block w-100" alt="...">
	      <div class="carousel-caption d-none d-md-block">
	        <h5>Third slide label</h5>
	        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
	      </div>
	    </div>
	  </div>
	  <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
	    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
	    <span class="sr-only">Previous</span>
	  </a>
	  <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
	    <span class="carousel-control-next-icon" aria-hidden="true"></span>
	    <span class="sr-only">Next</span>
	  </a>
	</div>
    <!-- 轮播图区域结束 -->
    <!-- new制作开始 -->
    <div class="new">
        <div class="lf">
            <h3>我需要钱</h3>
            <button>我要借入</button>
        </div>
        <div class="ri">
            <h3>我有闲钱</h3>
            <button>我要借出</button>
        </div>
    </div>
    <!-- new制作结束 -->
    <!-- product制作开始 -->
    <div class="product">
        <div class="left">
            <div class="lend">
                <h4>进行中列表<a href="#"></a></h4>
            </div>
            <div class="dv1">
                <a href="#"><img src="images/tp_03.png" alt=""></a>
                <dl class="pro_1">
                    <dt><a href="#">优质商家信用借贷</a></dt>
                    <dd>
                        <span class="sp1">借贷金额：<i>￥500,000</i></span>
                        <span class="sp2">年利率：<i>20%</i></span>
                        <div class="box1">
                        <!-- 用户输入宽度 百分比（0~100%） -->
                            <div class="box2" style="width: 30%;"></div>
                        </div>
                        <p>30.00%</p>
                    </dd>
                    <dd>
                        <span class="sp3">借贷期限：12个月</span>
                        <span class="sp4">信用等级：<i></i><i></i><i></i><i></i></span>
                        <span class="sp5">已完成103笔投标</span>
                    </dd>
                </dl>
            </div>
            <div class="dv1">
                <a href="#"><img src="images/tp_03.png" alt=""></a>
            <dl class="pro_1">
                <dt><a href="#">优质商家信用借贷</a></dt>
                <dd>
                    <span class="sp1">借贷金额：<i>￥500,000</i></span>
                    <span class="sp2">年利率：<i>20%</i></span>
                    <div class="box1">
                        <!-- 用户输入宽度 百分比（0~100%） -->
                        <div class="box2" style="width: 30%;"></div>
                    </div>
                    <p>30.00%</p>
                </dd>
                <dd>
                    <span class="sp3">借贷期限：12个月</span>
                    <span class="sp4">信用等级：<i></i><i></i><i></i><i></i></span>
                    <span class="sp5">已完成103笔投标</span>
                </dd>
            </dl>
            </div>
            <div class="dv1">
                <a href="#"><img src="images/tp_03.png" alt=""></a>
            <dl class="pro_1">
                <dt><a href="#">优质商家信用借贷</a></dt>
                <dd>
                    <span class="sp1">借贷金额：<i>￥500,000</i></span>
                    <span class="sp2">年利率：<i>20%</i></span>
                    <div class="box1">
                        <!-- 用户输入宽度 百分比（0~100%） -->
                        <div class="box2" style="width: 30%;"></div>
                    </div>
                    <p>30.00%</p>
                </dd>
                <dd>
                    <span class="sp3">借贷期限：12个月</span>
                    <span class="sp4">信用等级：<i></i><i></i><i></i><i></i></span>
                    <span class="sp5">已完成103笔投标</span>
                </dd>
            </dl>
            </div>
            <div class="dv1">
                <a href="#"><img src="images/tp_03.png" alt=""></a>
            <dl class="pro_1">
                <dt><a href="#">优质商家信用借贷</a></dt>
                <dd>
                    <span class="sp1">借贷金额：<i>￥500,000</i></span>
                    <span class="sp2">年利率：<i>20%</i></span>
                    <div class="box1">
                        <!-- 用户输入宽度 百分比（0~100%） -->
                        <div class="box2" style="width: 30%;"></div>
                    </div>
                    <p>30.00%</p>
                </dd>
                <dd>
                    <span class="sp3">借贷期限：12个月</span>
                    <span class="sp4">信用等级：<i></i><i></i><i></i><i></i></span>
                    <span class="sp5">已完成103笔投标</span>
                </dd>
            </dl>
            </div>
        </div>
        <div class="more">
            <div class="lend1">
                <h4>最新公告<a href="#">更多</a></h4>
            </div>
            <p class="p1">
                <a href="#">首次获贷客户即享3天无理由退息</a>
                <a href="#">纯信用贷款，除利息无任何费用哦亲</a>
                <a href="#">万事俱备只欠东风，赶紧摸资金吧！</a>
                <a href="#">9月20日小企业调研获奖名单公布…</a>
                <a href="#">贷款给企业“早点”加能量，诚邀合作</a>
                <a href="#">首次获贷客户即享3天无理由退息</a>
            </p>
            <div class="lend1">
                <h4>TA投标了</h4>
            </div>
            <ul class="list">
                <li>
                    <span>借出金额<i>￥5000</i>个人家装及消费用</span>
                    <p>1分钟前 niczheng</p>
                </li>
                <li>
                    <span>借出金额<i>￥5000</i>个人家装及消费用</span>
                    <p>1分钟前 niczheng</p>
                </li>
                <li>
                    <span>借出金额<i>￥5000</i>个人家装及消费用</span>
                    <p>1分钟前 niczheng</p>
                </li>
                <li style="border: none;">
                    <span>借出金额<i>￥5000</i>个人家装及消费用</span>
                    <p>1分钟前 niczheng</p>
                </li>
            </ul>
           
            
        </div>
    </div>
    <!-- product制作结束 -->
    <!-- 底部制作开始 -->
    <div class="footer">
        <div class="help">
            <ul>
                <li><a href="#">常见问题</a>丨</li>
                <li><a href="#">媒体报道</a>丨</li>
                <li><a href="#">联系我们</a>丨</li>
                <li><a href="#">加入我们</a>丨</li>
                <li><a href="#">隐私保护</a></li>
            </ul><br>
            <p>Copyright©2013 daikuan All Rights Reserved   建智领航公司 版权所有</p>
        </div>
    </div>
    <!-- 底部制作结束 -->
</body>
</html>